import React from 'react';
import styles from './index.less';

import PostCard from '../components/postCard';
import InfoCard from '../components/infoCard';
import RecentPostCard from '../components/recentPostCard';
import ArchivesPostCard from '../components/archivesPostCard';

export default () => {
  return (
    <div className={styles.background}>
      <div className={styles.cols}>
        <div className={styles.middle_content}>
          <PostCard
            direction={'left'}
            title={'标题'}
            content={'内容简略'}
            meta={'描述性信息'}
            url={'/post/asdasd'}
          />
          <PostCard
            direction={'right'}
            title={'标题'}
            content={'内容简略'}
            meta={'描述性信息'}
            url={'/post/asdasasdasda'}
          />
          <PostCard
            direction={'left'}
            title={'标题'}
            content={'内容简略'}
            meta={'描述性信息'}
            url={'/post/asdasasdasdas'}
          />
          <PostCard
            direction={'right'}
            title={'标题'}
            content={'内容简略'}
            meta={'描述性信息'}
            url={'/post'}
          />
        </div>
        <div className={styles.aside}>
          <InfoCard />
          <div className={styles.sticky_layout}>
            <RecentPostCard />
            <ArchivesPostCard />
          </div>
        </div>
      </div>
    </div>
  );
};
